<!DOCTYPE html>
<html  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <script src="/js/jquery/jquery-3.5.1.js"></script>
    <script src="/layui/layui.js"></script>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <script src="/js/book/book.js"></script>
    <script  src="/js/book/bookCommon.js"></script>
    <link rel="stylesheet" href="/css/bookList.css">
    <link rel="stylesheet" href="/css/book.css">
    <title>longmiyu</title>
</head>
<body >

<!--<div class="layui-header" style=" DISPLAY: none; filter:alpha(opacity=50);background:#d8be5e40;width:100%;" >-->
<!--<ul class="layui-nav  layui-layout-right " style=" display:none;  filter:alpha(opacity=50);background:#d8be5e00;" >-->
<!--&lt;!&ndash;    <li class="layui-nav-item layui-hide-xs">&ndash;&gt;-->
<!--&lt;!&ndash;        <a href="javascript:theme()"  style="color: red;" >背景设置</a>&ndash;&gt;-->
<!--&lt;!&ndash;    </li>&ndash;&gt;-->
<!--&lt;!&ndash;    <li class="layui-nav-item layui-hide-xs">&ndash;&gt;-->
<!--&lt;!&ndash;        <a href="/alert/book/bookRule" target="_blank" style="color: red;" >规则设置</a>&ndash;&gt;-->
<!--&lt;!&ndash;    </li>&ndash;&gt;-->

<!--</ul>-->
<!--</div>-->

<div class="page-style">
    <div class="layui-form-item" STYLE="padding-left: 25%;padding-top: 5%">
        <div class="layui-col-md6" >
            <input type="text" name="search" lay-verify="search" autocomplete="off" placeholder="搜索书名或作者" class="layui-input layui-col-md6">
        </div>
        <div class="layui-col-md6">
            <button class="layui-btn layui-btn-normal layui-btn-radius layui-col-md6 "  lay-filter="search" style="width: 70px;" >搜索</button>
        </div>
    </div>
    <div class="search-list">
        <div class="search_book_list"></div>
        <table id="book-table" class="book-table" lay-filter="book-table"></table>
    </div>

</div>
<div class="footer" style=" position: absolute;bottom: 5px;width: 100%;">
    <div class="footer_cont" style="padding: 15px;">
    <a href="https://beian.miit.gov.cn" about="font-size: initial;" target="_blank">备案号：京ICP备2021011095号-1</a>
</div>
</div>

<script type="text/javascript"  th:inline="none">
    layui.use(['layer', 'form','jquery','table'], function(){
        var layer = layui.layer
            ,form = layui.form
            ,$= layui.$
            ,table=layui.table;

        //监听提交
        $('.layui-btn').click(function () {
            var inputVal = $('.layui-input').val()
            var data = JSON.stringify({"search":inputVal});
            view.bookSearch("search_book_list","/bookMagic/SearchPage",data)
        })
    });

</script>
</body>
</html>

